/* ==================
    padding内边距
 ==================== */
.padding-xs {
  padding: 5px;
}

.padding-top-xs {
  padding-top: 5px;
}

.padding-right-xs {
  padding-right: 5px;
}

.padding-bottom-xs {
  padding-bottom: 5px;
}

.padding-left-xs {
  padding-left: 5px;
}

.padding-lr-xs {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-tb-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding-sm {
  padding: 10px;
}

.padding-top-sm {
  padding-top: 10px;
}

.padding-right-sm {
  padding-right: 10px;
}

.padding-bottom-sm {
  padding-bottom: 10px;
}

.padding-left-sm {
  padding-left: 10px;
}

.padding-lr-sm {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-tb-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding {
  padding: 15px;
}

.padding-top {
  padding-top: 15px;
}

.padding-right {
  padding-right: 15px;
}

.padding-bottom {
  padding-bottom: 15px;
}

.padding-left {
  padding-left: 15px;
}

.padding-lr {
  padding-left: 15px;
  padding-right: 15px;
}

.padding-tb {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padding-lg {
  padding: 20px;
}

.padding-top-lg {
  padding-top: 20px;
}

.padding-right-lg {
  padding-right: 20px;
}

.padding-bottom-lg {
  padding-bottom: 20px;
}

.padding-left-lg {
  padding-left: 20px;
}

.padding-lr-lg {
  padding-left: 20px;
  padding-right: 20px;
}

.padding-tb-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-xl {
  padding: 25px;
}

.padding-top-xl {
  padding-top: 25px;
}

.padding-right-xl {
  padding-right: 25px;
}

.padding-bottom-xl {
  padding-bottom: 25px;
}

.padding-left-xl {
  padding-left: 25px;
}

.padding-lr-xl {
  padding-left: 25px;
  padding-right: 25px;
}

.padding-tb-xl {
  padding-top: 25px;
  padding-bottom: 25px;
}

.padding-30 {
  padding: 30px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-right-30 {
  padding-right: 30px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-lr-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.padding-tb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-0 {
  padding: 0;
}

.padding-top-0 {
  padding-top: 0;
}

.padding-right-0 {
  padding-right: 0;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-left-0 {
  padding-left: 0;
}

.padding-lr-0 {
  padding-left: 0;
  padding-right: 0;
}

.padding-tb-0 {
  padding-top: 0;
  padding-bottom: 0;
}

/* ==================
    margin外边距
 ==================== */
.margin-xs {
  margin: 5px;
}

.margin-top-xs {
  margin-top: 5px;
}

.margin-right-xs {
  margin-right: 5px;
}

.margin-bottom-xs {
  margin-bottom: 5px;
}

.margin-left-xs {
  margin-left: 5px;
}

.margin-lr-xs {
  margin-left: 5px;
  margin-right: 5px;
}

.margin-tb-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}

.margin-sm {
  margin: 10px;
}

.margin-top-sm {
  margin-top: 10px;
}

.margin-right-sm {
  margin-right: 10px;
}

.margin-bottom-sm {
  margin-bottom: 10px;
}

.margin-left-sm {
  margin-left: 10px;
}

.margin-lr-sm {
  margin-left: 10px;
  margin-right: 10px;
}

.margin-tb-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin {
  margin: 15px;
}

.margin-top {
  margin-top: 15px;
}

.margin-right {
  margin-right: 15px;
}

.margin-bottom {
  margin-bottom: 15px;
}

.margin-left {
  margin-left: 15px;
}

.margin-lr {
  margin-left: 15px;
  margin-right: 15px;
}

.margin-tb {
  margin-top: 15px;
  margin-bottom: 15px;
}

.margin-lg {
  margin: 20px;
}

.margin-top-lg {
  margin-top: 20px;
}

.margin-right-lg {
  margin-right: 20px;
}

.margin-bottom-lg {
  margin-bottom: 20px;
}

.margin-left-lg {
  margin-left: 20px;
}

.margin-lr-lg {
  margin-left: 20px;
  margin-right: 20px;
}

.margin-tb-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-xl {
  margin: 25px;
}

.margin-top-xl {
  margin-top: 25px;
}

.margin-right-xl {
  margin-right: 25px;
}

.margin-bottom-xl {
  margin-bottom: 25px;
}

.margin-left-xl {
  margin-left: 25px;
}

.margin-lr-xl {
  margin-left: 25px;
  margin-right: 25px;
}

.margin-tb-xl {
  margin-top: 25px;
  margin-bottom: 25px;
}

.margin-30 {
  margin: 30px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-left-30 {
  margin-left: 30px;
}

.margin-lr-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.margin-tb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.margin-0 {
  margin: 0;
}

.margin-top-0 {
  margin-top: 0;
}

.margin-right-0 {
  margin-right: 0;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.margin-left-0 {
  margin-left: 0;
}

.margin-lr-0 {
  margin-left: 0;
  margin-right: 0;
}

.margin-tb-0 {
  margin-top: 0;
  margin-bottom: 0;
}
